<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
  <head>
    <title>NeuBizz | Bootstrap 4 Template by WebThemez</title>

    <!-- Meta -->
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="keywords" content="Bootstrap Theme, Freebies, UI Kit, MIT license">
    <meta name="description" content="Bootstrap 4 Template by WebThemez">
    <meta name="author" content="webthemez.com">

    <!-- Favicon -->
    <link rel="shortcut icon" th:href="@{/assets/img/favicon.ico}" type="image/x-icon">

    <!-- Styles -->
    <link rel="stylesheet" type="text/css" th:href="@{/assets/vendors/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/vendors/font-awesome/css/fontawesome-all.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/vendors/slick-carousel/slick.css}">
	<link th:href="@{/assets/vendors/ace-responsive-menu/ace-responsive-menu.css}" rel="stylesheet" type="text/css" />
	<link th:href="@{/assets/vendors/aos/aos.css}" rel="stylesheet">
	<link rel="stylesheet" type="text/css" th:href="@{/assets/css/theme.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/styles.css}">

  </head>
  <body>
  <div class="hidden-xs hidden-sm nav-top bg-primary py-2">
        <div class="container">
          <div class="row">
            <div class="col-sm-6">
              <div class="nav-top-contact">
                <!-- Social links -->
                <ul class="list-inline text-center text-md-left mb-0">
                  <li class="list-inline-item mx-2" ><i class="fa fa-phone"></i> +1-8653-602-755</li>
                  <li class="list-inline-item mx-2" ><i class="fa fa-envelope" aria-hidden="true"></i> info@yourdomain.com</li>
                </ul>
              </div>
            </div>
            <div class="col-sm-6 text-right">
                 <ul class="list-inline text-center text-md-right mb-0">
				  <li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="登录">
                      <a href="/login.html">
                          <span class="title">登录</span>
                      </a>
				  </li>
				  <li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="注册">
                      <a th:href="@{/register}">
                          <span class="title">注册</span>
                      </a>
				  </li>
				  <li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Twitter">
					<a target="_blank" href="https://twitter.com/webthemez">
					  <i class="fab fa-twitter"></i>
					</a>
				  </li>
				  <li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Dribbble">
					<a target="_blank" href="https://dribbble.com">
					  <i class="fab fa-dribbble"></i>
					</a>
				  </li>
				</ul>
            </div>
          </div>
        </div>
      </div>
    <!-- Header -->
    <header class="main-header">
	<div class="container">
			<div class="logo">
					<a th:href="@{index}">
						 <h2><span>xx</span>律所</h2>
					  </a>
				</div>
			 <!-- Navbar -->
				<nav class="mainNav">
				<!-- Menu Toggle btn-->
				<div class="menu-toggle">
					<h3>Menu</h3>
					<button type="button" id="menu-btn">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<!-- Responsive Menu Structure-->
				<!--Note: declare the Menu style in the data-menu-style="horizontal" (options: horizontal, vertical, accordion) -->
				<ul id="respMenu" class="ace-responsive-menu" data-menu-style="horizontal">
					 <li>
						<a th:href="@{index}" class="active">
							<span class="title">主页</span>
						</a>
					</li>
					 <li>
						<a th:href="@{about}">
							<span class="title">团队介绍</span>
						</a>
					</li>
					 <li>
						<a th:href="@{services}">
							<span class="title">团队服务</span>
						</a>
					</li>

						<li>
						<a href="javascript:;">
							<span class="title">Pages</span>
							<span class="arrow"></span> </a>
						<!-- Level Two-->
						<ul class="sub-menu" style="display: none;">
							<li>
								<a th:href="@{pricing}">
									<span class="title">Pricing</span>
								</a>
							</li>
							<li>
								<a th:href="@{portfolio}">
									<span class="title">Portfolio</span>
								</a>
							</li>
							<li>
								<a th:href="@{error.html}">
									<span class="title">404 Page</span>
								</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="javascript:;">
							<span class="title">信息数据库</span>
							<span class="arrow"></span> </a>
						<!-- Level Two-->
						<ul class="sub-menu" style="display: none;">
							<li>
								<a th:href="@{blog}">信息数据库</a>
							</li>
							<li>
								<a th:href="@{blog-single-post}">单个 数据库</a>
							</li>
						</ul>
					</li>
					<li class="last ">
						<a th:href="@{contact}">
							<span class="title">联系我们</span>
						</a>
					</li>
				</ul>
				</nav>
				</div>
    </header>
      <!-- End Navbar -->
		<section class="wt-section hero-large position-relative overflow-hidden mt-md-2">
				<div class="hero-img bg-overlay" data-overlay="0" th:style="'background-image: url(/assets/img/intro/banner-1.png)'" data-aos="fade-right" data-aos-easing="linear" data-aos-delay="50"></div>
				<div class="container">
				<div class="row align-items-center my-5">
					<div class="col-md-6 py-5" data-aos="fade-left" data-aos-easing="linear" data-aos-delay="100">
						<!-- heading -->
						<h1 class="text-uppercase mb-3 display-4 font-weight-bolder">
							潍坊执行案件 专业律师代理团队
						</h1>
						<p class="mb-4 h5">Lets Grow Your Layer Togather</p>
						<div class=" mb-0">
							<a href="#" class="btn btn-pill btn-primary mr-3 mb-md-0 mb-3">
								Quick Call
							</a>
						</div>
					</div>
				</div>
			</div>
		</section>
    <!-- End Header -->

    <main role="main">
	<section class="wt-section">
        <div class="container">
		<div class="row justify-content-md-center text-center pb-lg-4 mb-lg-5 mb-4">
          <div class="col-md-8 text-center w-md-50 mx-auto mb-0 ">
            <h2 class="mb-md-2">我们的服务</h2>
            <p class="lead text-muted">我们的团队专注专业于提供以下法律服务。

</p>
          </div>
		</div>
          <div class="row">
			<div class="col-md-4">
                <div class="bg-white p-4 mb-4 text-center border rounded-md py-5" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
						<div class="mb-4"><img th:src="@{/assets/img/services/1.svg}" width="80px" alt=""/></div>
                        <h5 class="mb-2">执行案件代理</h5>
                        <p class="text-muted">Lorem ipsum dolor sit amet, consect adipiscing elit, sed do eiusmod Lorem ipsum dolor sit ametelit.</p>
                        <a href="#" class="btn btn-pill btn-primary mt-4">了解 更多</a>
                </div>
            </div>
					<div class="col-md-4">
                <div class="bg-white p-4 mb-4 text-center border rounded-md py-5" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="150">
                      <div class="mb-4"><img th:src="@{/assets/img/services/2.svg}" width="80px" alt=""/></div>
                        <h5 class="mb-2">不良资产项目代理</h5>
                        <p class="text-muted">Lorem ipsum dolor sit amet, consect adipiscing elit, sed do eiusmod Lorem ipsum dolor sit ametelit.</p>
                        <a href="#" class="btn btn-pill btn-primary mt-4">了解 更多</a>
                </div>
            </div>

			<div class="col-md-4">
                <div class="bg-white p-4 mb-4 text-center border rounded-md py-5" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="200">
						<div class="mb-4"><img th:src="@{/assets/img/services/3.svg}" width="80px" alt=""/></div>
                        <h5 class="mb-2">企业收购兼并法律服务</h5>
                        <p class="text-muted">Lorem ipsum dolor sit amet, consect adipiscing elit, sed do eiusmod Lorem ipsum dolor sit ametelit.</p>
                        <a href="#" class="btn btn-pill btn-primary mt-4">了解 更多</a>
                </div>
            </div>
          </div>
        </div>
      </section>

	<section class="wt-section bg-light">
    <div class="container">
        <div class="row justify-content-md-center text-center">
            <div class="col-md-8" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
                <h1 class="mb-md-4">企业债务清理方案提供</h1>
                <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>

                <div class="mt-md-5">
                    <a href="#" class="btn btn-primary btn-pill">了解 更多</a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="wt-section">
    <div class="container">
        <div class="row justify-content-md-center align-items-center text-center mb-lg-5 mb-4 pb-lg-5" data-aos="fade-left" data-aos-easing="linear" data-aos-delay="50">
            <div class="col-md-6 px-md-5">
				<i class="fab fa-connectdevelop display-4 text-primary mb-4"></i>
                <h2 class="mb-md-4 mt-3">企业破产清算重整法律服务</h2>
                <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum dolor sit amet</p>
                <div class="mb-md-5 mb-4">
                    <a href="#" class="btn btn-primary btn-pill">了解 更多</a>
                </div>
            </div>
            <div class="col-md-6">
                <img class="rounded mw-100" th:src="@{/assets/img/intro/team.jpg}" alt="">
            </div>
        </div>

    </div>
</section>
<div class="card bg-primary border-0 rounded-0 p-5">
    <div class="container">
      <div class="row justify-content-between align-items-center text-center text-md-left" data-aos="fade-in" data-aos-easing="linear" data-aos-delay="50">
                    <div class="col-md-8">
                        <h5 class="mb-1">The best business consultancy services in world</h5>
                        <p class="mb-0">There are many variations of passages of Lorem Ipsum available the majority alteration.</p>
                    </div>
                    <div class="col-md-4 text-lg-right mt-md-0 mt-3">
                        <a href="contact.html" class="btn btn btn-outline-light btn-pill">Request Quote</a>
                    </div>
                </div>
    </div>
</div>
  <div class="wt-section pb-0">
    <div class="container">
        <div class="row justify-content-between align-items-center" data-aos="fade-right" data-aos-easing="linear" data-aos-delay="50">
            <div class="col-md-5">
                <h2 class="mb-4">Industry leader in consulting services</h2>
                <p class="text-muted">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eligendi fugiat!</p>
            </div>
            <div class="col-md-6">
                <img th:src="@{/assets/img/intro/img-woman-1.jpg}" class="w-100" alt="">
            </div>
        </div>
    </div>
</div>

      <section class="wt-section bg-light">
        <div class="container">
          <header class="text-center w-md-50 mx-auto mb-5">
            <h2 class="h1 mb-0">我们的客户</h2>
          </header>

          <div class="js-clients wt-clients mb-4" data-aos="fade-up" data-aos-easing="linear" data-aos-delay="50">
            <div>
              <img class="wt-clients__image" th:src="@{/assets/img/clients/img1.png}" alt="Image Description">
            </div>
			<div>
              <img class="wt-clients__image" th:src="@{/assets/img/clients/img4.png}" alt="Image Description">
            </div>
            <div>
              <img class="wt-clients__image" th:src="@{/assets/img/clients/img2.png}" alt="Image Description">
            </div>
            <div>
              <img class="wt-clients__image" th:src="@{/assets/img/clients/img3.png}" alt="Image Description">
            </div>
            <div>
              <img class="wt-clients__image" th:src="@{/assets/img/clients/img7.png}" alt="Image Description">
            </div>
            <div>
              <img class="wt-clients__image" th:src="@{/assets/img/clients/img5.png}" alt="Image Description">
            </div>
            <div>
              <img class="wt-clients__image" th:src="@{/assets/img/clients/img6.png}" alt="Image Description">
            </div>
            <div>
              <img class="wt-clients__image" th:src="@{/assets/img/clients/img8.png}" alt="Image Description">
            </div>
          </div>
        </div>
      </section>
    </main>

    <!-- Footer -->
<footer class="wt-section bg-dark main-footer">
<div class="container">
<div class="row">
<div class=" col-sm-4 col-md col-sm-4 col-12 col mb-4">
<h5 class="mb-4">联系 我们</h5>

<p><i class="fa fa-location-arrow mr-2"></i> #123, Manhatt 7 Avenu, NYC </p>
<p><i class="fa fa-phone mr-2"></i>  +1-8653-602-755  </p>
<p><i class="fa fa fa-envelope mr-2"></i> info@yourdomain.com  </p>


</div>


<div class="col-sm-4 col-md  col-6 col mb-4">
<h5 class="mb-4">Site links</h5>

<ul class="list-inline">
<li class="list-block-item mx-2"><a href="#">Home</a></li>
<li class="list-block-item mx-2"><a href="#">About Us</a></li>
<li class="list-block-item mx-2"><a href="#">Services</a></li>
<li class="list-block-item mx-2"><a href="#">Portfolio</a></li>
<li class="list-block-item mx-2"><a href="#">Pricing</a></li>
</ul>

</div>


<div class="col-sm-4 col-md  col-6 col mb-4">
<h5 class="mb-4">Quick links</h5>

<ul class="list-inline">
<li class="list-block-item mx-2"><a href="#">Blog</a></li>
<li class="list-block-item mx-2"><a href="#">Contact Us</a></li>
<li class="list-block-item mx-2"><a href="#">Privacy Policy</a></li>
<li class="list-block-item mx-2"><a href="http://webthemez.com">Terms & Conditions</a></li>
</ul>

</div>


<div class="col-sm-4 col-md  col-12 col mb-4">
<h5 class="mb-4">Follow us</h5>
<ul class="social_footer_ul list-inline text-left mb-0">
<li class="list-inline-item mx-2"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="list-inline-item mx-2"><a href="#"><i class="fab fa-twitter"></i></a></li>
<li class="list-inline-item mx-2"><a href="#"><i class="fab fa-linkedin"></i></a></li>
<li class="list-inline-item mx-2"><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12 pt-4">

<p class="text-center copyrights"><a class="text-white" href="https://webthemez.com/free-bootstrap-templates/">Bootstrap Theme</a> by WebThemez. <br>© All Rights Reserved</p>
</div>
</div>
</div>
</footer>
    <!-- End Footer -->

    <!-- JS Script Files -->
    <!-- Global Vendor -->
    <script th:src="@{/assets/vendors/jquery.min.js}"></script>
    <script th:src="@{/assets/vendors/jquery.migrate.min.js}"></script>
    <script th:src="@{/assets/vendors/popper.min.js}"></script>
    <script th:src="@{/assets/vendors/bootstrap/js/bootstrap.min.js}"></script>
	<script th:src="@{/assets/vendors/aos/aos.js}"></script>

    <!-- Components Vendor  -->
    <script th:src="@{/assets/vendors/slick-carousel/slick.min.js}"></script>
	   <script th:src="@{/assets/vendors/ace-responsive-menu/ace-responsive-menu.js}"></script>

    <!--Plugin Initialize-->
    <script th:src="@{/assets/js/global.js}"></script>
    <script th:src="@{/assets/vendors/carousel.js}"></script>

    <!-- END JAVASCRIPTS -->
  </body>
</html>
